<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>小米</title>
  <link rel="stylesheet" href="css/iconfont.css">
  </link>
  <link rel="stylesheet" href="css/reset.css">
  </link>
  <link rel="stylesheet" href="css/mi.css">
  </link>
  <script src="js/mi.js"></script>
</head>

<body>
  <!-- 头部开始 -->
  <div class="header">
    <div class="wrap">
      <ul class="header-left">
        <li><a href="#">小米官网</a><span>|</span></li>
        <li><a href="#">小米商城</a><span>|</span></li>
        <li><a href="#">小米澎湃OS</a><span>|</span></l>
        <li><a href="#">小米汽车</a><span>|</span></li>
        <li><a href="#">云服务</a><span>|</span></li>
        <li><a href="#">IoT</a><span>|</span></li>
        <li><a href="#">有品</a><span>|</span></li>
        <li><a href="#">小爱开放平台</a><span>|</span></li>
        <li><a href="#">资质证照</a><span>|</span></li>
        <li><a href="#">协议规则</a><span>|</span></li>
        <li>
          <a href="#">下载app</a><span>|</span>
          <div class="download">
            <a href="#">
              <img src="images/download.png" alt="">
              <p>小米商城APP</p>
            </a>
          </div>
          <div class="triangle"></div>
        </li>
        <li><a href="#">Select Location</a><span>|</span></li>
      </ul>
      <ul class="header-right">
        <li><a href="#">登录</a><span>|</span></li>
        <li><a href="#">注册</a><span>|</span></li>
        <li><a href="#">消息通知</a></li>
        <li class="cart">
          <a href="#"><i class="iconfont">&#xe67e;</i>购物车(0)</a>
          <div class="cart-list">
            购物车中还没有商品，赶紧选购吧！
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 头部结束 -->
  <!-- 导航开始 -->
  <div class="nav">
    <div class="wrap">
      <div class="logo">
        <a href="#">
          <img src="images/logo-mi2.png" alt="">
        </a>
        </a>
      </div>
      <div class="nav-bar">
        <ul>
          <li>
            <a href="#">Xiaomi手机</a>
            <div class="nav-bar-list">
              <div class="wrap">
                <ul>
                  <li>
                    <a href="#">
                      <div class="img-box">
                        <img src="images/小米手机.pic.jpg" alt="">
                      </div>
                      <p class="name1">Xiaomi 17 Pro Max</p>
                      <p class="price1">5999元起</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="img-box">
                        <img src="images/小米手机.pic.jpg" alt="">
                      </div>
                      <p class="name1">Xiaomi 17 Pro Max</p>
                      <p class="price1">5999元起</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="img-box">
                        <img src="images/小米手机.pic.jpg" alt="">
                      </div>
                      <p class="name1">Xiaomi 17 Pro Max</p>
                      <p class="price1">5999元起</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="img-box">
                        <img src="images/小米手机.pic.jpg" alt="">
                      </div>
                      <p class="name1">Xiaomi 17 Pro Max</p>
                      <p class="price1">5999元起</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="img-box">
                        <img src="images/小米手机.pic.jpg" alt="">
                      </div>
                      <p class="name1">Xiaomi 17 Pro Max</p>
                      <p class="price1">5999元起</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="img-box">
                        <img src="images/小米手机.pic.jpg" alt="">
                      </div>
                      <p class="name1">Xiaomi 17 Pro Max</p>
                      <p class="price1">5999元起</p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li><a href="#">REDMI手机</a></li>
          <li><a href="#">电视</a></li>
          <li><a href="#">笔记本</a></li>
          <li><a href="#">平板</a></li>
          <li><a href="#">家电</a></li>
          <li><a href="#">路由器</a></li>
          <li><a href="#">服务中心</a></li>
          <li><a href="#">社区</a></li>
        </ul>
      </div>
      <div class="search">
        <input type="text" placeholder="小米手机">
        <a href="#" class="iconfont">&#xe65f;</a>
        <div class="search-list">
          <a href="#">全部商品</a>
          <a href="#">小米手机</a>
          <a href="#">小米手机</a>
          <a href="#">小米手机</a>
          <a href="#">小米手机</a>
          <a href="#">小米手机</a>
          <a href="#">小米手机</a>
          <a href="#">小米手机</a>
        </div>
      </div>
    </div>
  </div>
  <!-- 导航结束 -->
  <!-- banner开始 -->
  <div class="banner">
    <div class="wrap">
      <div class="banner-box">

      </div>
      <div class="slide">
        <ul>
          <li>
            <a href="#">手机<i class="iconfont">&#xe667;</i></a>
            <div class="slide-list">
              <ul>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
              </ul>
              <ul>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
              </ul>
              <ul>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
              </ul>
              <ul>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#">电视<i class="iconfont">&#xe667;</i></a>
            <div class="slide-list slide-list-dianshi">
              <ul>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
              </ul>
              <ul>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="./images/小米手机.jpg" alt="">
                    <span>Xiaomi 17 Pro Max</span>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li><a href="#">家电<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">笔记本 平板 显示器<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">出行 穿戴<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">耳机 音响<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">健康 儿童<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">生活 箱包<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">智能 路由器<i class="iconfont">&#xe667;</i></a></li>
          <li><a href="#">电源 配件<i class="iconfont">&#xe667;</i></a></li>
        </ul>

      </div>
      <div class="prev"></div>
      <div class="next"></div>
    </div>
  </div>
  <!-- banner结束 -->
  <!-- 广告开始 -->
  <div class="adv">
    <div class="wrap">
      <div class="adv-aside">
        <ul>
          <li class="row col">
            <a href="">
              <img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"></img>
              <span>保障服务</span>
            </a>
          </li>
          <li class="row col">
            <a href="">
              <img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48"></img>
              <span>企业团购</span>
            </a>
          </li>
          <li class="row">
            <a href="">
              <img
                src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48"></img>
              <span>F码通道</span>
            </a>
          </li>
          <li class="col">
            <a href="">
              <img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48"></img>
              <span>米粉卡</span>
            </a>
          </li>
          <li class="col">
            <a href="">
              <img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48"></img>
              <span>以旧换新</span>
            </a>
          </li>
          <li>
            <a href="">
              <img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48"></img>
              <span>话费充值</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="adv-img">
        <a href="">
          <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e981f78d2ac17c504975a719cb8b069d.png?w=632&h=340"></a>
      </div>
      <div class="adv-img"><a href=""><img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8aa523aada018ed7e291b8d5c99d5cc7.png?w=632&h=340"></a>
      </div>
      <div class="adv-img"><a href=""><img
            src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e981f78d2ac17c504975a719cb8b069d.png?w=632&h=340"></a>
      </div>
    </div>
  </div>
  <!-- 广告结束 -->
  <!-- 主体开始 -->
  <div class="container">
    <div class="wrap">
      <!-- 手机开始 -->
      <div class="phone">
        <div class="home-banner-box">
          <a href="">
            <img src="images/主体手机部分.webp"></img>
          </a>
        </div>
        <h2 class="title">手机
          <a href="" class="more">查看更多<i class="iconfont">&#xe8f0;</i></a>
        </h2>
        <div class="home-box">
          <div class="home-box-left">
            <a href="">
              <img src="images/手机左侧.webp"></img>
            </a>
          </div>
          <div class="home-box-right">
            <ul>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
              <li class="items">
                <a href="">
                  <img src="images/手机右侧1.webp" class="img1"></img>
                  <h3 class="name2">REDMI K90 Pro Max</h3>
                  <p class="desc2">第五代 骁龙®8至尊版｜超级像素护眼屏｜5X 潜望长焦</p>
                  <p class="price2">3999元起<del>2000元</del></p>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 手机结束 -->
      <!-- 智能穿戴开始 -->
      <div>
        <div class="wrap">
          <div class="home-top">
            <h2 class="title">智能穿戴</h2>
            <div class="more1">
              <ul>
                <li class="erji tab-active">耳机</li>
                <li class="chuandai">穿戴</li>
              </ul>
            </div>
          </div>
          <div class="home-box">
            <div class="home-box-left">
              <a href="">
                <img src="images/智能穿戴左侧.webp"></img>
              </a>
            </div>
            <div class="home-box-right ej">
              <ul>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">Xiaomi 开放式耳机 Pro</h3>
                    <p class="desc2">人体工学设计，三点支撑，贴合不压耳 | 0.6mm超纤细柔性记忆钛丝 | 行业首发开放式五单元声学系统</p>
                    <p class="price2">999元</p>
                  </a>
                </li>
                <div class="shang doudong">
                  <a>
                    <img src="images/耳机.webp" class="img1"></img>
                    <h3>Redmi Buds 6 活力版</h3>
                    <p>99元</p>
                  </a>
                </div>
                <div class="xia doudong">
                  <a>
                    <div class="xia-box">
                      <div class="xia-zuo">
                        <h2>浏览更多</h2>
                        <p>热门</p>
                      </div>
                      <div class="xia-you">
                        <i class="iconfont">&#xe600;</i>
                      </div>
                    </div>
                  </a>
                </div>
              </ul>
            </div>
            <div class="home-box-right cd">
              <ul>
                <li class="items">
                  <a href="">
                    <img src="images/手机右侧1.webp" class="img1"></img>
                    <h3 class="name2">小米手环cd</h3>
                    <p class="desc2">2.0mm超窄四等边，满屏高光|睡眠健康管理|专业游泳模式</p>
                    <p class="price2">269元起</p>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!-- 智能穿戴结束 -->
      <!-- 视频开始 -->
      <div class="video">
        <div class="home-banner-box">
          <h2 class="title">视频
            <a href="" class="more">查看全部<i class="iconfont">&#xe8f0;</i></a>
          </h2>
          <div class="video-box">
            <ul>
              <li class="video-items">
                <a href="#">
                  <div class="video-img">
                    <img src="images/小米门锁.webp" alt="">
                    <div class="play">
                      <span></span>
                    </div>
                  </div>
                  <p>2021年春季新品发布会第一场</p>
                </a>
              </li>
              <li class="video-items">
                <a href="#">
                  <div class="video-img">
                    <img src="images/小米门锁.webp" alt="">
                    <div class="play">
                      <span></span>
                    </div>
                  </div>
                  <p>2021年春季新品发布会第一场</p>
                </a>
              </li>
              <li class="video-items">
                <a href="#">
                  <div class="video-img">
                    <img src="images/小米门锁.webp" alt="">
                    <div class="play">
                      <span></span>
                    </div>
                  </div>
                  <p>2021年春季新品发布会第一场</p>
                </a>
              </li>
              <li class="video-items">
                <a href="#">
                  <div class="video-img">
                    <img src="images/小米门锁.webp" alt="">
                    <div class="play">
                      <span></span>
                    </div>
                  </div>
                  <p>2021年春季新品发布会第一场</p>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 视频结束 -->
      <!-- 页脚开始 -->
      <div class="footer">
        <div class="site-footer">
          <div class="wrap">
            <div class="footer-service">
              <ul>
                <li>
                  <a>
                    <i class="iconfont">&#xe659;</i>
                    <span>预约维修服务</span>
                  </a>
                </li>
                <li>
                  <a>
                    <i class="iconfont">&#xe659;</i>
                    <span>预约维修服务</span>
                  </a>
                </li>
                <li>
                  <a>
                    <i class="iconfont">&#xe659;</i>
                    <span>预约维修服务</span>
                  </a>
                </li>
                <li>
                  <a>
                    <i class="iconfont">&#xe659;</i>
                    <span>预约维修服务</span>
                  </a>
                </li>
                <li>
                  <a>
                    <i class="iconfont">&#xe659;</i>
                    <span>预约维修服务</span>
                  </a>
                </li>
              </ul>
            </div>
            <div class="footer-links">
              <ul>
                <li>选购指南</li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">电视</a>
                </li>
                <li>
                  <a href="#">笔记本</a>
                </li>
                <li>
                  <a href="#">平板</a>
                </li>
                <li>
                  <a href="#">穿戴</a>
                </li>
                <li>
                  <a href="#">耳机</a>
                </li>
                <li>
                  <a href="#">家电</a>
                </li>
                <li>
                  <a href="#">路由器</a>
                </li>
                <li>
                  <a href="#">音响</a>
                </li>
                <li>
                  <a href="#">配件</a>
                </li>
              </ul>
              <ul>
                <li>选购指南</li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">电视</a>
                </li>
                <li>
                  <a href="#">笔记本</a>
                </li>
              </ul>
              <ul>
                <li>选购指南</li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
              </ul>
              <ul>
                <li>选购指南</li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
              </ul>
              <ul>
                <li>选购指南</li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
              </ul>
              <ul>
                <li>选购指南</li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
                <li>
                  <a href="#">手机</a>
                </li>
              </ul>
              <div class="contact">
                <p class="tel">950816</p>
                <p class="time">8:00-18:00（仅收市话费）</p>
                <a class="kefu" href="#">
                  <i class="iconfont">&#xe60b;</i>
                  人工客服
                </a>
                <p class="tel">950816</p>
                <p class="time">8:00-18:00（仅收市话费）</p>
                <p class="time">手机适用于：Xiaomi MIX Fold系列MIX Flip系列、数字12系列及以上</p>
                <p class="time">电视适用于：98寸、100寸电视</p>
                <a class="kefu" href="#">
                  <i class="iconfont">&#xe60b;</i>
                  人工客服
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="site-info">
          <div class="wrap">
            <div class="footer-logo">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png" alt="">
            </div>
            <div class="sites">
              <P>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米商城</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米澎湃OS</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">米家</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">多看</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">游戏</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">音乐</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">政企服务</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米天猫店</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米集团隐私政策</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米商城用户协议</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">问题反馈</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/shop" target="_blank">Select Location</a><br>
                <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">中国消费者协会</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京市消费者协会</a>
              </P>
              <p>
                ©
                <a href="javascript:;" title="mi.com">mi.com</a> 京ICP证110507号
                <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow"
                  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
                  target="_blank">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/"
                  target="_blank">京网文[2023]0169-004号</a> <br> <a href=""
                  onclick="return false;">（京）网械平台备字（2018）第00005号</a> <a href="" onclick="return false;"
                  target="_blank">药品医疗器械网络信息服务备案 (京)网药械信息备字（2024）第00478号</a> <a href="//www.mi.com/business-license/"
                  target="_blank">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br> <a
                  href="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/pc/5f93056c-bc30-401e-9526-66839114ffb9.png"
                  target="_blank">增值电信业务经营许可证编号：京B2-20180851</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                <a href="https://www.mi.com/article/detail/972d1e084d35.html"
                  target="_blank">食品经营许可证</a>&nbsp;新出发京批字第直220280号
                <br>
                违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual"
                  target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
              </p>
              <p>
                <img src="images/v-logo-2.png">
                <img src="images/icon3.png">
                <img src="images/v-logo-2.png">
                <img src="images/v-logo-2.png">
              </p>
            </div>
            <img class="slogan" src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png">
          </div>
        </div>
      </div>
      <!-- 页脚结束 -->
    </div>
  </div>
  <!-- 主体结束 -->

</body>

</html>